$grey: #9A9A9A;
$black: #888888;
::-webkit-input-placeholder {
  color: #E3E3E3;
  font-size: 14px;
}

:-moz-placeholder {
  color: #E3E3E3;
  font-size: 14px;
}

::-moz-placeholder {
  color: #E4E4E4;
  font-size: 14px;
}

:-ms-input-placeholder {
  color: #E3E3E3;
  font-size: 14px;
}

@mixin displayflex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@mixin flex($size:1) {
  -webkit-box-flex: $size;
  -moz-box-flex: $size;
  -webkit-flex: $size;
  -ms-flex: $size;
  flex: $size;
}

@mixin flexflowCol($direction:column,$dir:vertical) {
  -webkit-box-orient: $dir;
  -ms-box-orient: $dir;
  -moz-box-orient: $dir;
  -webkit-flex-flow: $direction nowrap;
  -ms-flex-flow: $direction nowrap;
  -moz-flex-flow: $direction nowrap;
  flex-flow: $direction nowrap;
}

@mixin flexflowRow($direction:row,$dir:horizontal) {
  -webkit-box-orient: $dir;
  -ms-box-orient: $dir;
  -moz-box-orient: $dir;
  -webkit-flex-flow: $direction nowrap;
  -ms-flex-flow: $direction nowrap;
  -moz-flex-flow: $direction nowrap;
  flex-flow: $direction nowrap;
}

@mixin shadow($x:0,$y:0px,$z:5px,$color:#bdbdbd) {
  box-shadow: $x $y $z $color;
  -webkit-box-shadow: $x $y $z $color;
  -moz-box-shadow: $x $y $z $color;
}

@mixin border-radius($radius:4px) {
  -webkit-border-radius: $radius;
  -moz-border-radius: $radius;
  -ms-border-radius: $radius;
  -o-border-radius: $radius;
  border-radius: $radius;
}

@mixin box-sizing($set:border-box) {
  -webkit-box-sizing: $set;
  -moz-box-sizing: $set;
  -ms-box-sizing: $set;
  -o-box-sizing: $set;
  box-sizing: $set;
}

@mixin transform($set:translate3d(0,0,0)) {
  -webkit-transform: $set;
  -moz-transform: $set;
  -ms-transform: $set;
  -o-transform: $set;
  transform: $set;
}

@mixin transition($set:all ease-in-out .15s) {
  -webkit-transition: $set;
  -moz-transition: $set;
  -ms-transition: $set;
  -o-transition: $set;
  transition: $set;
}

@mixin text-size-adjust($set:none) {
  -webkit-text-size-adjust: $set;
  -moz-text-size-adjust: $set;
  -ms-text-size-adjust: $set;
  -o-text-size-adjust: $set;
  text-size-adjust: $set;
}

@mixin user-select($set:none) {
  -webkit-touch-callout: $set;
  -webkit-user-select: $set;
  -moz-user-select: $set;
  -ms-user-select: $set;
  user-select: $set;
}

.clear:after {
  content: '';
  display: block;
  clear: both;
  width: 0;
  height: 0;
}

* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  font-family: Helvetica, sans-serif;
  -webkit-touch-callout: none;
  @include box-sizing(border-box);
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

a:active, a:hover, a:link, a:visited {
  text-decoration: none;
  outline: none;
}

a, button {
  cursor: pointer;
}

ul, li {
  list-style: none;
}

html, body {
  width: 100%;
  font-size: 14px;
}